<template>
<div class="main">
    <div class="about">
        <div class="tab">
            <span v-for="(item,index) in tabContent" :key="index" @click="changeTab(index)" :class="{'is-active':num == index}">{{item}}</span>
        </div>
        <div class="conten" :style="{  height: heightNum + 'px' }">
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 0">
                      <div>
                          <p>随着国家富强、民族振兴，国内人均财富获得了极大地提升，高净值家庭数量快速增长。</p>
                          <p>截至2016年底，国内高净值家庭数量已超过 210 万户，拥有 54 万亿可投资金融资产;中国个人持有的可投资资产总体规模达到165万亿元，在2014年至2016年间平均每年增长21%。</p>
                          <p>目前中国的经济依旧保持较高速度前行，造富速度全球第三，过去十年间中国超级富豪人数增加281%;2016年，境内投资增速达35%，领先所有资产类别。</p>
                          <p>与此同时，高净值人群通过机构管理财富的比例已超过60%，高净值人群对于高端理财市场的需求开始爆发性的增长。</p>
                          <p>顺应时代发展的召唤，2014年3月天沁财富正是创立!</p>
                          <p>经过3年发展，我们已经成长为国内领先的金融服务企业，业务范围设计私募股权、集合信托、集合资管和契约型基金等多个投资领域。</p>
                          <p>为了更好的满足高净值用户对专业化和定制化的财富管理的需求，在今年9月份我们又上线了天沁财富互联网财富管理平台，旨在向用户提供更加透明的产品服务，同时能够拉近投资者与理财师之间的距离，因人因时、一对一的提供财富管理服务。</p>
                          <p>我们始终坚持“以客户为中心，为投资者提供专业的理财服务和财富管理方案”的企业使命，为客户提供独立、客观、专业的财富管理服务，实现客户和公司利益的最大化。</p>
                          <p>我们相信，“专业的理财师团队”+“一站式理财服务”+“因人因时的定制化的投资策略”将会向用户提供更加满意的个人财富管理方案。</p>
                          <p>2018，我们天沁财富将重新起航，踏上新的征程。</p>
                          <p>我们相信，“未来已来”!</p>
                      </div>
                  </div>
           </transition>
            <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 1">
                      <div>
                          <p>投资有风险！基金过往业绩并不预示其未来表现，相关数据仅供参考不构成投资建议，投资人请详阅基金合同，并自行承担投资风险。</p>
                      </div>
                  </div>
           </transition>
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 2">
                     <div>
                         <img src=" http://img3.tqcaifu.com/img/map.png" alt="">
                         <p>地址：上海浦东东方路873弄49号</p>
                         <p>邮编：200122</p>
                         <p>邮箱：info@tqcaifu.com</p>
                         <p>联系方式：400-157-0588</p>  
                     </div>
                  </div>
           </transition>
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 3">
                      <div> 
                          <img src="http://img3.tqcaifu.com/img/abouttq.png" alt="">
                          <p>上海天沁资产管理有限公司成立于2014年，注册资本5000万，总部位于国际金融中心上海陆家嘴。</p>
                          <p>天沁财富专注于高净值客户人群提供资产管理及保值增值服务，主要产品包含信托，资管，私募基金，海外保险等全方位金融资产。公司秉承谨慎、客观、独立的发展理念，采用严格的风控体系，用心管理好客户的每一分钱，实现客户资产的保值增值，所有推荐产品均如期兑付。</p>
                          <p>公司核心高管均来自于国内大型银行、券商、信托、第三方理财机构等，拥有丰富的从业经验和高度的责任心，为客户争取最大化的利益。</p>
                          <p>公司主要股东为中泰明德投资基金及天赋资本，其中天赋资本为中国PE机构20强，中国绿色产业顶级投资机构，管理规模超180亿。</p>
                          <p>我们坚持“以客户为中心，为投资者提供专业的理财服务和财富管理方案”的企业使命，力求向投资者提供完善的投资组合策略和优质的金融理财产品。</p>
                      </div>
                  </div>
           </transition>
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 4">
                    <div>
                        <p>用户应同意将不会利用本服务进行任何违法或不正当的活动，包括但不限于下列行为∶</p>

                        <p>上载、张贴或以其它方式传送含有下列内容之一的信息：</p>

                        <p>a. 反对宪法所确定的基本原则的;</p>

                        <p>b. 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的;</p>

                        <p>c. 损害国家荣誉和利益的;</p>

                        <p>d. 煽动民族仇恨、民族歧视、破坏民族团结的;</p>

                        <p>e. 破坏国家宗教政策，宣扬邪教和封建迷信的;</p>

                        <p>f. 散布谣言，扰乱社会秩序，破坏社会稳定的;</p>

                        <p>g. 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;</p>

                        <p>h. 侮辱或者诽谤他人，侵害他人合法权利的;</p>

                        <p>i. 含有虚假、诈骗、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗、猥亵、或其它道德上令人反感的内容;</p>

                        <p>j. 含有中国法律、法规、规章、条例以及任何具有法律效力之规范所限制或禁止的其它内容。</p>

                        <p>以任何方式危害未成年人的利益;冒充任何人或机构，包含但不限于本网站主管、论坛管理人员，或以虚伪不实的方式陈述或谎称与任何人或机构有关;伪造标题或以其它方式操控识别资料，以伪造经由本服务传送之任何内容之来源;将依据任何法律或合约或法定关系(例如由于雇佣关系和依据保密合约所得知或揭露之内部资料、专属及机密资料)知悉但无权传送之任何内容加以上载、张贴、发送电子邮件或以其它方式传送;</p>

                        <p>将侵害他人著作权、专利权、商标权、商业秘密、或其它专属权利(以下简称“专属权利”)之内容加以上载、张贴、发送电子邮件或以其它方式传送;将任何广告信函、促销资料、“垃圾邮件”、“滥发信件"、“连锁信件”、“直销”或其它任何形式的劝诱资料加以上载、张贴、发送电子邮件或以其它方式传送，惟专供前述目的使用之区域，按照有关适用指引或规则进行的行为不在此限;</p>

                        <p>将设计目的在于干扰、破坏或限制任何计算机软件、硬件或通讯设备功能之计算机病毒(包括但不限于木马程序(trojan horses)、蠕虫(worms)、定时炸弹、删除蝇(cancelbots)(以下简称“病毒”)或其它计算机代码、档案和程序之任何资料，加以上载、张贴、发送电子邮件或以其它方式传送;</p>

                        <p>破坏正常的对话流程、造成荧屏快速移动，或使本服务其它用户无法输入，或对其它用户参加即时交流的能力产生负面影响;</p>

                        <p>干扰或破坏本服务或与本服务相连线之服务器和网络，或违反任何关于本服务连线网络之规定、程序、政策或规范;</p>

                        <p>跟踪或以其它方式骚扰他人;</p>

                        <p>故意或非故意地违反任何适用的当地、国家和国际法律，包括但不限于香港联合交易所、上海或深圳交易所颁布的规则或法规或任何国家的或其它证券交易所的任何规则包括但不限于纽约证券交易所、美国证券交易所NASDAQ，以及任何具有法律效力的规则;</p>

                        <p>未经合法授权而截获、篡改、收集、储存或删除他人个人信息、电子邮件或其它数据资料，或将获知的此类资料用于任何非法或不正当目的。</p>

                        <p>您已认可本网站未对您可能上传的内容加以任何事先审查，对用户的使用行为也无法进行全面控制，您使用任何内容时，包括依赖前述内容之正确性、完整性或实用性时，您同意将自行加以判断并承担所有风险，而不依赖于本网站。但本网站及其指定人有权(但无义务)依其自行之考虑，拒绝和删除可经由本服务提供之违反本条款的或其它引起本网站反感的任何内容。您了解并同意，本网站依据法律法规的要求，或基于诚信为了以下目的或在合理必要范围内，认定必须将内容加以保存或揭露时，得加以保存或揭露：</p>

                        <p>a.遵守法律程序;</p>

                        <p>b.执行本法律声明;</p>

                        <p>c.回应任何第三人提出的权利主张;</p>

                        <p>d.保护本网站、其用户及公众之权利、财产或个人安全;</p>

                        <p>e.其它本网站认为有必要的情况。</p>

                        <p>您了解并同意经由本服务之技术处理及传送，您提供的任何内容，可能</p>

                        <p>a.经由各个网路加以传送;</p>

                        <p>b.为了符合及配合连线网路或装置之技术要求而进行改变。</p>

                        <p>由于您通过本服务提供、张贴或传送之内容、您与本服务连线、您违反本法律声明、或您侵害他人任何权利因而衍生或导致任何第三人提出任何索赔或请求，包括合理的律师费，您同意赔偿本网站、恒天财富相关法律主体及其子公司、关联企业、高级职员、代理人、品牌共有人或其它合作伙伴及员工，并使其免受损害。</p>

                    </div>
                  </div>
           </transition>
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 5">
                     <div>
                        <p>隐私权是您的重要权利。向我们提供您的个人信息是基于对我们的信任，相信我们会负责的态度对待您的个人信息。我们认为您提供的信息只能用于帮助我们为您提供更好的服务。请您认真阅读以下条款，以了解我们的政策。本条款可能在必要时会不定时更改，请注意定期查阅。</p>

                        <p>一、我们需要收集哪些个人资料</p>

                        <p>一般情况下，您不需要提交个人资料就能够访问我们的网站。但是当您需要使用我们的服务时(会员)，则必须注册个人资料后才能使用。</p>

                        <p>收集个人资料是为了便于我们向您提供优质高效的服务，例如发送新产品及相关信息。当然，即使您已经注册个人资料，您仍可随时拒绝我们发送的任何信息。</p>

                        <p>二、 我们为个人资料保密</p>

                        <p>我们将采取一定的措施来保护您的个人资料。在未经访问者授权同意的情况下，本网站不会将访问者的个人资料泄露给第三方。但以下情况除外：</p>

                        <p>(1) 根据执法单位之要求或为公共之目的向相关单位提供个人资料;</p>

                        <p>(2) 由于您将用户密码告知他人或与他人共享注册帐户，由此导致的任何个人资料泄露;</p>

                        <p>(3) 由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营之不可抗力而造成的个人资料泄露、丢失、被盗用或被窜改等;</p>

                        <p>(4) 由于与本网站链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果;对于因为您自己的原因造成您的个人资料被他人知晓的，我们不承担任何责任。</p>

                        <p>三、查阅个人资料</p>

                        <p>已在网站注册的您有权查核我们是否保存您的个人资料，并且查阅您个人的资料，并且要求我们更正您的个人资料或由您自行更正。</p>

                        <p>四、对其他网站的友情链接</p>

                        <p>天沁财富含有其他网站的链接，我们不对这些网站的内容及他们关于隐私权的行为负责，建议您仔细阅读这些网站的个人资料保密制度。</p>

                        <p>五、任何时候如果您认为我们没有遵守这些条款时，请致电或email到通知我们，我们会认真处理您的要求并回复。</p>

                      </div>
                  </div>
           </transition>
           <transition :name="transitionName">
                  <div class="contendetail" v-show="num == 6">
                       <div>
                          <p>本法律声明及您与本网站之关系，均适用中华人民共和国法律。您与本网站就本服务、本法律声明或其它有关事项发生的争议，应提请有管辖权的法院通过诉讼方式解决。</p>
                          <p>如若本法律声明之任何规定因与中华人民共和国法律相抵触而导致无效，您同意将按照相关法律法规之规定，努力实现本条款当事人之间的、在本法律声明项下的目的，且本法律声明之其他条款仍应具有完整的法律效力。</p>
                          <h2>其他</h2>
                          <p>本法律声明构成您与本网站之全部协议，并规范您对于本服务之使用行为，并取代您先前与本网站所达成的全部协议。在您使用相关服务、使用第三方提供的内容或软件时，亦应遵从所适用之附加条款及条件。</p>
                          <p>本网站未行使或执行本法律声明任何权利或规定，不构成对前述权利或权利之放弃。</p>
                          <p>本法律声明之标题仅供方便而设，不具有任何法律之效力。</p>
                      </div>
                  </div>
           </transition>
        </div>
    </div>
    </div>
</template>


<script>
export default {
  head() {
    return {
      title: "关于我们-天沁财富",
      meta: [
        {
          hid: "keywords",
          name: "keywords",
          content:
            "关于我们"
        },
        {
          hid: "description",
          name: "description",
          content:
            "关于我们，关于天沁财富"
        }
      ]
    };
  },
  data() {
    return {
      heightNum:800,
      transitionName: "left",
      num: 3,
      tabContent: [
        "董事长致辞",
        "风险提示函",
        "联系我们",
        "关于天沁",
        "使用条款",
        "隐私协议",
        "使用协议"
      ]
    };
  },
  methods: {
    changeTab(num) {
      if(num == 0){
           this.heightNum = 800
      }
      if(num == 1){
          this.heightNum = 800
      }
      if(num == 2){
          this.heightNum = 800
      }
      if(num == 3){
          this.heightNum = 800
      }
      if(num == 4){
          this.heightNum = 2000
      }
      if(num == 5){
          this.heightNum = 1000
      }
      if(num == 6){
          this.heightNum = 800
      }

      if (num < this.num) {
        this.transitionName = "right";
      } else {
        this.transitionName = "left";
      }
      this.num = num;
    }
  },
   
     
};
</script>

<style scoped>

.main {
  width: 100%;
  background: white;
  margin-top: 10px;
}
.about {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.tab {
  margin: 20px auto;
  width: 100%;
  border: 1px solid #e5e5e5;
}
.tab span {
  display: inline-block;
  width: 170px;
  height: 60px;
  border-right: 1px solid #e5e5e5;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.is-active {
  background: #cd9c54;
  color: #fff;
}
.conten {
  position: relative;
  width: 100%;
}
.contendetail {
  width: 100%;
  position: absolute;
  padding: 20px;
  box-sizing: border-box;
}
.contendetail p{
    text-indent: 2em;
    font: 16px/28px "Microsoft Yahei";
    margin: 28px 0 0;
    color: #404040;
}
.contendetail img{
    width: 100%;
}
.left-enter {
  transform: translateX(100%);
}
.left-leave-to {
  transform: translateX(-100%);
}
.left-enter-to,
.left-leave {
  transform: translateX(0);
}
.left-enter-active,
.left-leave-active {
  transition: 1s;
}

.right-enter {
  transform: translateX(-100%);
}
.right-leave-to {
  transform: translateX(100%);
}
.right-enter-to,
.right-leave {
  transform: translateX(0);
}
.right-enter-active,
.right-leave-active {
  transition: 1s;
}
</style>
